body{
  margin: 0 !important;
}
.defaultBody {
  min-height: 100vh;
  min-width: 1024px;
}

.greenBG{
  background-color: #27a216;
}
.blueBG{
  background-color: #006497;
}
.redBG{
  background-color: #e33924;
}
.skyBG{
  background-color: #20a892;
}
.blackColor{
  color: #000;
}

.redDeepColor{
  color: #e92322;
}

.squareBox{
  border-radius: 0 !important;
}


.bold{
  font-weight: 700;
}

.removeUl{
  //去除默认样式
  ul{
    list-style:none;    //去掉标签默认的左边符号
    display:flex;
    flex-wrap:wrap;
    li{
      list-style-type:none;    //去掉标签默认的左边符号
      text-align: center;
      &::before{    //使用伪类插入符号
        content: "";//●
        font-size: 12px;
        // color: #F5CC00;
        padding-right:8px;
      }
    }
  }
}



/*图片放大*/
.pane-box {
  border-radius: 10px;
  // max-width: 270px;
  // margin-right: 10px;
  // margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  img {
    // height: 250px;
    overflow: hidden;
    transition: 500ms;
  }
  &:hover img,&:focus img {
    transform: scale(1.1);
  }
  
}


/* 动画，控制背景 background-position */
@keyframes gradientBG {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}

/*动画，文字霓虹灯渐变*/
@keyframes letterColor {
  0% {
      color: #e92322;
      /* 利用模糊距离不同的阴影实现霓虹灯光晕效果 */
      // text-shadow: 
      // 0 0 1px #f0fc88,
      // 0 0 2px #f0fc88,
      // 0 0 4px #f0fc88,
      // 0 0 8px #f0fc88,
      // 0 0 6px #f0fc88,
      // 0 0 5px #f0fc88,
      // 0 0 3px #f0fc88,
      // 0 0 2px #f0fc88;
      /* 设置高斯模糊与色调，实现模糊效果和颜色变换 */
      filter: hue-rotate(0deg);//blur(2px) 
    }
  30%,
  70% {
      color: #e92322;
      /* 减少光晕大小 */
      // text-shadow: 
      // 0 0 1px #f0fc88,
      // 0 0 2px #f0fc88,
      // 0 0 4px #f0fc88,
      // 0 0 8px #f0fc88,
      // 0 0 6px #f0fc88,
      // 0 0 2px #f0fc88;
      /* 色调变换360度 */
      filter:  hue-rotate(360deg);//blur(2px)
  }
  100% {
      /* 动画结束字变透明 */
      color: transparent;
      /* 动画结束消除阴影 */
      text-shadow: none;
      /* 动画结束色调重置 */
      filter: hue-rotate(0deg);//blur(1px) 
  }
}